<!DOCTYPE HTML>
<html>
<head>
    <title>Nutrition Info</title>
    <meta name="viewport" content="width=device-width,initial-scale=1"/>
    <meta charset="utf-8"/>
    <link rel="stylesheet" href="jquery.mobile/jquery.mobile-1.3.1.min.css"/>
    <link rel="stylesheet" href="index.css"/>
    <script src="jquery.mobile/jquery-1.7.2.min.js"></script>
    <script src="jquery.mobile/jquery.mobile-1.3.1.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/cordova.js"></script>
</head>
<body>
<div data-role="page" id="page-home" class="type-interior"
     data-theme="b">

    <div data-role="header" data-theme="b">
        <h1>NutriFood</h1>
    </div>
    <div data-role="content" data-theme="c">
        <ul id="flist" sel="0" data-role="listview" data-theme="c">
        </ul>
        <table id="resulttable" style="display: none;">
            <tr>
                <td><p> Calories:</p></td>
                <td><b>
                    <h id="calorie" style="float: right;"/>
                </b></td>
                <td><p> Protein:</p></td>
                <td><b>
                    <h id="protein" style="float: right;"/>
                </b></td>
            </tr>
            <tr>
                <td><p>Chất béo:</p></td>
                <td><b>
                    <h id="fat" style="float: right;"/>
                </b></td>

                <td><p> Glucid:</p></td>
                <td><b>
                    <h id="glucid" style="float: right;"/>
                </b></td>
            </tr>
            <tr>
                <td><p> Chất xơ:</p></td>
                <td><b>
                    <h id="fiber" style="float: right;"/>
                </b></td>

                <td><p>Cholesterol:</p></td>
                <td><b>
                    <h id="cholesterol" style="float: right;"/>
                </b></td>
            </tr>
            <tr>
                <td><p> Canxi:</p></td>
                <td><b>
                    <h id="calci" style="float: right;"/>
                </b></td>

                <td><p> Photpho:</p></td>
                <td><b>
                    <h id="phospho" style="float: right;"/>
                </b></td>
            </tr>
            <tr>
                <td><p>Sắt:</p></td>
                <td><b>
                    <h id="fe" style="float: right;"/>
                </b></td>

                <td><p> Natri:</p></td>
                <td><b>
                    <h id="natri" style="float: right;"/>
                </b></td>
            </tr>
            <tr>
                <td><p> Kali:</p></td>
                <td><b>
                    <h id="kali" style="float: right;"/>
                </b></td>

                <td><p>Beta Caroten:</p></td>
                <td><b>
                    <h id="bcaroten" style="float: right;"/>
                </b></td>
            </tr>
            <tr>
                <td><p> Vitamin A:</p></td>
                <td><b>
                    <h id="va" style="float: right;"/>
                </b></td>
                <td><p> Vitamin B1:</p></td>
                <td><b>
                    <h id="vb1" style="float: right;"/>
                </b></td>
            </tr>
            <tr>
                <td><p>Vitamin C:</p></td>
                <td><b>
                    <h id="vc" style="float: right;"/>
                </b></td>
                <td><button id="reshow" onclick="reshow();">Back to list</button>
    </td>
            </tr>
        </table>
        <script charset="utf-8" src="js/employeelist.js"></script>
    </div>
    <div id="busy">Loading...</div>

    <div data-role="footer" data-position="fixed" class="footer-docs" data-theme="b">
     <p>ND-UIT</p>
    </div>
</div>
</body>

</html>